<include file="public:header"/>
<!--aside nav-->
<include file="public:left"/>
<style>
	.cu td{font-size: 20px;font-weight: 1000;color: #000}
</style>
	  <h2><strong style="color:grey;">财务基本信息</strong></h2>
       <div class="cont_col_lt mCustomScrollbar" style="height:auto; width:100%; float:left; margin-bottom:20px;">
           <table class="table fl">
			   <tr>
				   <td class="center" style="width:20%;">今日订单</td>
				   <td class="center">昨日订单</td>
				   <td class="center">7天订单</td>
				   <td class="center">30天订单</td>
				   <td class="center">全部订单</td>
			   </tr>
			   <tr class="cu">
				   <td class="center">{$order['today']}</td>
				   <td class="center">{$order['yesterday']}</td>
				   <td class="center">{$order['week']}</td>
				   <td class="center">{$order['month']}</td>
				   <td class="center">{$order['all']}</td>
			   </tr>
			   <tr>
				   <td class="center" style="width:20%;">今日成交金额</td>
				   <td class="center">昨日成交金额</td>
				   <td class="center">7天成交金额</td>
				   <td class="center">30天成交金额</td>
				   <td class="center">全部成交金额</td>
			   </tr>
			   <tr class="cu">
				   <td class="center">{$order['today_m']}</td>
				   <td class="center">{$order['yesterday_m']}</td>
				   <td class="center">{$order['week_m']}</td>
				   <td class="center">{$order['month_m']}</td>
				   <td class="center">{$order['all_m']}</td>
			   </tr>
           </table>

       </div>
	  
	  <script src="__STATIC__/admin/js/highcharts.js"></script>
	  <script src="__STATIC__/admin/js/highcharts-3d.js"></script>
	  <script src="__STATIC__/admin/js/exporting.js"></script>
	  		<style type="text/css">
#container1 {
	min-width: 1280px;
	max-width: 1280px;
	height: auto;
	float:left;
}
#container2 {
	min-width: 1280px;
	max-width: 1280px;
	float:left;
}
		</style>
<!--{$user}<br>{$date}<br>{$num}-->
	   <ul class="admin_tab">
       <li><a class="active">订单销售情况</a></li>
       <li><a>金额成交情况</a></li>
      </ul>
      <!--tabCont-->
      <div class="admin_tab_cont" style="display:block;">
		<div id="container1"></div>
		</div>
      <div class="admin_tab_cont"><div id="container2"></div></div>
	  
     </section>
	 




     <!--tabStyle-->
     <script>
     $(document).ready(function(){
		 //tab
		 $(".admin_tab li a").click(function(){
		  var liindex = $(".admin_tab li a").index(this);
		  $(this).addClass("active").parent().siblings().find("a").removeClass("active");
		  $(".admin_tab_cont").eq(liindex).fadeIn(150).siblings(".admin_tab_cont").hide();
		  
		 });
		 });
     </script>
		<script type="text/javascript">
		// 订单销售情况
		var chart = new Highcharts.Chart({
			chart: {
				renderTo: 'container1',
				type: 'column',
				options3d: {
					enabled: true,
					alpha: 0,
					beta: 0,
					depth: 60,
					viewDistance: 8
				}
			},
			title: {
				text: '订单销售情况'
			},
			subtitle: {
				text: '近30天的订单销售情况如下'
			},
			plotOptions: {
				column: {
					depth: 25
				}
			},
			xAxis: {
				categories: {$date}// ['12号', '13号', '14号', '15号', '16号', '17号', '18号', '19号', '20号', '21号']
			},
			yAxis: {
				title: {
					text: null
				}
			},
			series: [{
				name: '订单量',
				data:{$num}// [2, 2, 3, 4, 5, 3, 6, 4, 2, 3]
			}]
		});
		</script>
<script type="text/javascript">
	// 订单销售情况
	var chart = new Highcharts.Chart({
		chart: {
			renderTo: 'container2',
			type: 'column',
			options3d: {
				enabled: true,
				alpha: 0,
				beta: 0,
				depth: 60,
				viewDistance: 8
			}
		},
		title: {
			text: '成交金额情况'
		},
		subtitle: {
			text: '近30天的成交情况如下'
		},
		plotOptions: {
			column: {
				depth: 25
			}
		},
		xAxis: {
			categories: {$date}// ['12号', '13号', '14号', '15号', '16号', '17号', '18号', '19号', '20号', '21号']
		},
		yAxis: {
			title: {
				text: null
			}
		},
		series: [{
			name: '成交金额',
			data:{$user}
		}]
	});
</script>

 </div>
</section>
</body>
</html>
